<template>
	<div class="title">
		<div class="title-box">
			<div class="title-label"></div>
			<div class="title-text">
				{{ title }}
			</div>
		</div>
		<!-- <div class="timeSwitch">
                    <div :class="tiemdatashow==1?'false-tiem true':'true-tiem true'"  @click="tiemtrueSwitch">
                         <span>申请时间</span>
                    </div>
                    <div :class="tiemdatashow==1?'true-tiem false':'false-tiem false'" @click="tiemfalseSwitch">
                         <span>总结时间</span>
                    </div>
         </div> -->
	</div>
</template>

<script>
export default {
	props: {
		title: { type: String, default: '' }
		// tiemshow: { type: Number, default: 0 }
	},
	data() {
		return {
			// tiemdatashow:this.tiemshow,
		}
	},
	methods: {
		// tiemtrueSwitch(){
		//     this.tiemdatashow = 0
		//     this.$emit('timeSwitch',this.tiemdatashow)
		// },
		// tiemfalseSwitch(){
		//      this.tiemdatashow = 1
		//      this.$emit('timeSwitch',this.tiemdatashow)
		// }
	}
}
</script>

<style>
.title {
	width: 100%;
	height: 24px;
	/* padding-bottom: 30px; */
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.title-box {
	display: flex;
	align-items: center;
}
.title-label {
	width: 4px;
	height: 18px;
	background: linear-gradient(180deg, #f5a21d 0%, #ffc86f 100%);
	border-radius: 9px 9px 9px 9px;
}
.title-text {
	margin-left: 10px;
	font-size: 17px;
	font-weight: bold;
	color: var(--el-color-text-6);
	line-height: 16px;
}
.timeSwitch {
	display: flex;
}
.true-tiem {
	width: 76px;
	height: 32px;
	background: var(--el-color-primary);
	border-radius: 0px 4px 4px 0px;
	opacity: 1;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	/* line-height: 60px; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.false-tiem {
	width: 76px;
	height: 32px;
	background: var(--el-color-bac);
	border-radius: 4px 0px 0px 4px;
	opacity: 1;

	border: 1px solid;
	border-color: var(--el-color-text-9);
	font-size: 14px;
	font-weight: normal;
	color: var(--el-color-text-9);
	display: flex;
	justify-content: center;
	align-items: center;
}
.true {
	border-radius: 4px 0px 0px 4px;
}
.false {
	border-radius: 0px 4px 4px 0px;
}
</style>
